#{extends 'profileLayout.html' /}
	<a href = "@{Application.notificationSettings()}">Notification Settings</a> | 	<a href = "@{Application.clearNotifications()}">Clear Notifications</a>
	<br>
	<h3>Notifications</h3> 
	#{if notifications}
	#{list items: notifications , as: 'notif' }
	#{ifnot notif.viewed}  <a href = "@{Application.setNotificationAsViewed(notif.id)}"><li>${notif.action} on ${notif.date.format('dd MMMM yyyy')} </li></a>
	#{/ifnot}#{else} <li>${notif.action} on ${notif.date.format('dd MMMM yyyy')}</li> #{/else}
	#{/list}
	#{/if}
	#{else}
	No Notifications are waiting for you :) 
	#{/else}
	
	<br><br><br><br><br>
	 <a href = "@{Application.viewProfile()}">Back to Profile</a>